<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // ES6中对象和数组的解构

        // 解构是ES6提供的一个新的提取数据模式，这种模式可以让我们针对性的拿到对象或者数组里的值

        // 比如我们想拿到数组里的第二个值
        const [, a] = [1, 2];
        console.log(a);//2

        // 对象的解构，与数组不同的是，它是以属性的名称作为匹配条件
        const { name, age, children } = { name: 'mikaisa', age: 28, sex: 'male', children: { name: 'child', age: 22 } };
        console.log(name, age);

        // 如果出现变量名冲突的问题，比如这里的对象里children也有username属性，你可以这样写
        const { username, children: { username: username2 } } = { username: 'mikaisa', age: 28, sex: 'male', children: { username: 'child', age: 22 } };
    </script>
</body>

</html>